﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Index</title>
    <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
    <link href="~/Content/layui/layui.css" rel="stylesheet">
   @* @Styles.Render("~/Content/layui")*@
    <style>
        .layui-row{
            height:50px;
        }
        .shopping-header{
            height:50px;
            border-bottom:1px solid gray;
        }
            .shopping-header .shopping-header-left, .shopping-header-right {
                line-height: 50px;
                height: 50px;
            }
            .shopping-header .shopping-header-left {
                border-right: 1px solid gray;
            }
                .shopping-header .shopping-header-right .shopping-header-right-btn {
                    display: flex;
                    justify-content: flex-end;
                }
            .shopping-header .shopping-header-right .shopping-header-right-btn a {
                margin-right: 28px;
                font-size: 18px;

            }
            .shopping-header .shopping-header-right .shopping-header-right-btn a:hover {
                cursor:pointer;
                color:blue;
            }
    </style>
</head>
<body>
    <div class="layui-row shopping-header">
        <div class="layui-col-xs7 shopping-header-left">
            <div class="grid-demo grid-demo-bg1">

            </div>
        </div>
        <div class="layui-col-xs5 shopping-header-right">
            <div class="grid-demo shopping-header-right-btn ">
                用户：<span id="UserName"></span>
                <a href="/Home/Register">注册</a>
                <a href="/Home/Login">登录</a>
                <a href="/Home/Login">退出</a>
            </div>
        </div>
    </div>
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this">用户管理</li>
            <li>商品管理</li>
            <li>订单管理</li>
            <li>权限管理</li>
            <li>商城公告</li>
            <li>我的</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">内容-1</div>
            <div class="layui-tab-item">内容-2</div>
            <div class="layui-tab-item">内容-3</div>
            <div class="layui-tab-item">内容-4</div>
            <div class="layui-tab-item">内容-5</div>
            <div class="layui-tab-item">内容-6</div>
        </div>
    </div>
    <script src="~/Scripts/jquery-3.4.1.min.js"></script>
    <script src="~/Scripts/layui.js"></script>
    <script>
        var UserName = "@Html.Raw(ViewBag.UserName)";
        document.getElementById("UserName").textContent = UserName;
    </script>
</body>
</html>